<template>
 <div class='mysong'>
     <!-- 左边 -->
     <div class="_l">
  <van-sidebar v-model="activeKey">
  <van-sidebar-item title="我的视频" />
  <van-sidebar-item title="我的电台"/>
  <!--  -->
   <van-collapse v-model="activeNames">
  <van-collapse-item van-sidebar-item title="我的歌单" name="1">内容</van-collapse-item>
  </van-collapse>
  <!--  -->
  <van-sidebar-item title="收藏歌单">
  </van-sidebar-item>
   </van-sidebar>
   </div>
<!-- 右边 -->
<div class="_r">
<div class="box_header">
<img :src="ImgAge" alt="">
<div class="box_header_r">

</div>
</div>
</div>

        <!--  -->
    </div>
</template>

<script>
export default {
    
    data() {
        
        return {
             activeKey: 0,
            activeNames: ['1'],
            ImgAge:[],
        };
    },
    computed: {},
    watch: {},
    
    methods: {
        
    },
    created() {
        
    },
    mounted() {
        
    },
    components: {},
    }
</script>
<style scoped>
 html{
     font-size: 13.3vw;
 }
 ._l{
  width: 30%;
  float: left;
 }
.van-sidebar{
   width: 100%;
    }
 .van-sidebar-item{
      width: 100%;
      height: .6rem;
    }
._r{
        width: 70%;
        float: left;
    }
    .box_header{
     width:100% ;
     height: 5rem;
     background-color: bisque;
    }
     .box_header img{
     float: left;
     width:30% ;
     height:60% ;

    }
    .box_header_r{
     float: left;
     width:70% ;
background-color: rgb(59, 166, 216);
    height:100% ;
    }
</style>